﻿<!DOCTYPE HTML>
<html ng-app="myApp" ng-controller="CrsCtrl" >

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8" />
		<title>CRS</title>
		<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
		<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
		<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />

		<link href="/pad_marketing/html/css/jkgzcss.css" rel="stylesheet" type="text/css" />

	</head>

	<body>

		<!--标题区域 start-->
		<div class="tit_main">
			<label class="lh-50 white">个人税收居民身份声明</label>
			<a id="goBack" class="pull-left lh-50"><span class="icon icon-left"></span></a>
			<a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
		</div>
		<!--标题区域 end-->
		<ul class="step-panel">
			<li class="gone" onclick="gotoStep(1)"><i>1</i>投保产品</li>
			<li class="gone" onclick="gotoStep(2)"><i>2</i>客户信息</li>
			<li class="gone" onclick="gotoStep(3)"><i>3</i>其他投保选项</li>
			<li class="active"><i>4</i>告知及问卷</li>
			<li><i>5</i>投保资料阅读</li>
			<li><i>6</i>投保确认</li>
			<li><i>7</i>签字</li>
			<li><i>8</i>拍照</li>
			<li><i>9</i>支付</li>
		</ul>
		<!--内容区域 start-->
		<div class="H_step" id="wrapper" style="padding-top:0;">
		
			<form name="myForm" style="padding-bottom:80px;">
			<div>
				<div class="col-md-4 col-md-offset-4">
					<div class="blank-2"></div>
					<ul class="tab-btn no-margin" id="myTab1">
						<li ng-repeat="ins in app.cps track by $index" style="padding:0;" ng-class="{active_on:ins===cp}" ng-if="ins.needCRS" >
							<span  ng-bind="ins.name" ng-click="SwitchIns(ins)"></span>
						</li>
					</ul>
				</div>
				<div class="clearfix"></div>
				<div class="padding-3" id="myTab1_Content0">
					<h4 class="font-24 text-center lh-45 b">个人税收居民身份声明</h4>
					<p class="font-18 lh-45 text-center">（本问卷由投保人填写。）</p>
					<div class="blank-1"></div>
					<p class="font-18 lh-45" style="position: relative;">
						声明人姓名:
						<span class="form-control line sm" ng-bind="cp.name" style="min-width: 150px;"></span>
						<span class="check_blo disabled">
				       	声明人身份：
				        <span ng-class="{'check_yes' : cp.cpNo==1 , 'check_no' : cp.cpNo!=1}">投保人</span>
						<span ng-class="{'check_yes' : cp.isInsured == true , 'check_no' : cp.isInsured != true}" >被保险人</span>
						</span>
						<b style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;"></b>
					</p>
					<p class="font-18 lh-45">1. 本人声明为：</p>
					<div class="radio_blo block disabled" style="position: relative;">
						<span ng-class="{'check_yes' : cp.crsTaxArea == 'A' ,'check_no' : cp.crsTaxArea != 'A' }">A.中国税收居民</span>
						<span ng-class="{'check_yes' : cp.crsTaxArea == 'B' ,'check_no' : cp.crsTaxArea != 'B' }">B.非中国税收居民</span>
						<span ng-class="{'check_yes' : cp.crsTaxArea == 'C' ,'check_no' : cp.crsTaxArea != 'C' }">C.既是中国税收居民，又是其他税收管辖区居民</span>
						<b style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;"></b>
					</div>
					<p class="font-18 lh-45">2. 本人在中国大陆以外的税收居民国（地区）及纳税人识别号如下：</p>
					<ng-form name="frmTaxCountry" ng-controller="TaxCountryCtrl" ng-repeat="tc in cp.crsV1.taxCountries track by $index" >
						<div class="well" style="position: relative;">
						
							<div class="form-group">
								<label class="col-md-4 control-label">税收居民国（地区）：</label>
								<div class="col-md-4" >
									<select class="form-control" ng-model="tc.taxCountry" name="taxCountry" ng-class="{'has-error':frmTaxCountry.taxCountry.$invalid}"  ng-options="o.val as o.text for o in countries" required></select>
								</div>
							</div>
							<div class="col-md-offset-1 col-md-10">
							
								<div class="radio_blo block margin-left-25 text-info">
									<div style="line-height:30px; margin-left:15px;">
				                        <label class="text-info" ng-class="{check_yes : tc.provideTaxPayeeId == 'Y' ,'check_no' : tc.provideTaxPayeeId != 'Y'}">
				                        	<input  class="" type="radio" ng-model="tc.provideTaxPayeeId" name="provideTaxPayeeId" required="" value="Y" >
				                        </label> 纳税人识别号：
				                        <input class="form-control input-sm form-control-error" style="width:250px; display: -webkit-inline-box;" maxlength="30" ng-model="tc.taxPayeeId" name="taxPayeeId" ng-disabled="tc.provideTaxPayeeId!='Y'" ng-required="tc.provideTaxPayeeId=='Y'" required="required" ng-class="{'has-error':frmTaxCountry.taxPayeeId.$invalid}">
				                    </div>
									<div class="blank-1"></div>
									<div style="line-height:30px; margin-left:15px;">
				                        <label class="text-info" ng-class="{check_yes : tc.provideTaxPayeeId == 'N' ,'check_no' : tc.provideTaxPayeeId != 'N'}">
				                        	<input class="" type="radio" ng-model="tc.provideTaxPayeeId" name="provideTaxPayeeId" required="" value="N" >
				                        </label> 不能提供纳税人识别号，请说明原因（单选）：
				                    </div>
								</div>
								<div class="clearfix"></div>
								
								<div class="col-md-offset-1 col-md-10" ng-if="tc.provideTaxPayeeId == 'N' ">
									<div class="radio_blo  block margin-left-10">
										<div style="margin-top:10px;">
											<label class="text-info" ng-class="{check_yes : tc.notProvideTaxPayeeIdReason == 'A' ,'check_no' : tc.notProvideTaxPayeeIdReason != 'A'}">
												<input class="" type="radio" ng-model="tc.notProvideTaxPayeeIdReason" name="notProvideTaxPayeeIdReason_1" required="" value="A">
											</label> 居民国（地区）不发放纳税人识别号
										</div>
										
										<div style="margin-top:10px;margin-bottom:10px;">
											<label class="text-info" ng-class="{check_yes : tc.notProvideTaxPayeeIdReason == 'B' ,'check_no' : tc.notProvideTaxPayeeIdReason != 'B'}">
												<input class="" type="radio" ng-model="tc.notProvideTaxPayeeIdReason" name="notProvideTaxPayeeIdReason_1" required="" value="B">
											</label> 未能取得纳税人识别号，原因：
											<textarea style="margin-top:10px;" class="form-control" rows="3" placeholder="请说明未能取得纳税人识别号的原因" ng-model="tc.noTaxPayeeIdReason" name="noTaxPayeeIdReason"  ng-disabled="tc.notProvideTaxPayeeIdReason != 'B' " ng-required="tc.notProvideTaxPayeeIdReason == 'B'" ng-class="{'has-error':frmTaxCountry.noTaxPayeeIdReason.$invalid}"></textarea>
										</div>
										
									</div>
								</div>
							</div>
							<button class="btn btn-danger btn-lg" style="position: absolute;top: 10px;right: 10px;" ng-click="removeTaxArea(tc)" ng-if="$index != 0">删除</button>
						</div>
						<div class="blank-1"></div>
					</ng-form>
					
					<div class="padding-2">
						<a class="pull-right" ng-click="addTaxArea(cp.crsV1)">
							<span class="icon icon-add">+</span>
							<label class="blue">增加更多地区</label>
						</a>
					</div>
					<p class="font-18 lh-45">3. 本人持有美国绿卡或美国永久居留权</p>
					<div class="radio_blo lh-45">
						
						<label style="min-width:50px;" ng-class="{check_yes : cp.crsV1.usPR == 'Y' ,'check_no' : cp.crsV1.usPR != 'Y'}">
							<input type="radio" name="usPR" ng-model="cp.crsV1.usPR" value="Y" required="">
							 是
						 </label>
						<label style="min-width:50px;"  ng-class="{check_yes : cp.crsV1.usPR == 'N' ,'check_no' : cp.crsV1.usPR != 'N'}">
							<input type="radio" name="usPR" ng-model="cp.crsV1.usPR" value="N" required=""> 
							否
						</label>
					</div>
					<div class="blank-1"></div>
					<p class="font-18 lh-45">4. 本人持有双重/多重国籍，且其中包括美国国籍</p>
					<div class="radio_blo lh-45">
						
						<label style="min-width:50px;" ng-class="{check_yes : cp.crsV1.multiNationality == 'Y' ,'check_no' : cp.crsV1.multiNationality != 'Y'}">
							<input type="radio" name="multiNationality" ng-model="cp.crsV1.multiNationality" value="Y" required="">
							 是
						 </label>
						<label style="min-width:50px;"  ng-class="{check_yes : cp.crsV1.multiNationality == 'N' ,'check_no' : cp.crsV1.multiNationality != 'N'}">
							<input type="radio" name="multiNationality" ng-model="cp.crsV1.multiNationality" value="N" required=""> 
							否
						</label>
						
					</div>
					<div class="blank-2"></div>
					<span class="">
        				本人确认上述信息的真实、准确和完整，且当这些信息发生变更时，将在30日内通知中德安联人寿保险有限公司。
					</span>
				</div>
				<ul id="myTab1_Content1" class="hide">
					<li>2</li>
				</ul>
			</div>
		</div>
		<!--内容区域 end-->

		<!--底部区域 start-->
		<div class="bot_main gz-scroll-btn">
			<div class="col-md-2 col-md-offset-4">
				<a class="btn btn-primary btn-lg btn-block" href="/pad_marketing/main/gotoHealthContent.action"><span class="icon icon-left-circle"></span>上一步</a>
			</div>
			<div class="col-md-2">
				<button class="btn  btn-lg btn-block" ng-click="gzNext()" ng-disabled="myForm.$invalid" ng-class="{'btn-disabled': myForm.$invalid == true ,'btn-warning': myForm.$invalid == false}"><span class="icon icon-right-circle"></span>下一步</button>

			</div>

			</form>
		</div>
		<!--底部区域 end-->

		<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/angular.min.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/idangerous.swiper.min.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js" type="text/javascript"></script>
		<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>

		<!--CRS問卷js-->
		<script src="/pad_marketing/dev/js/CRS.js" type="text/javascript"></script>

	</body>

</html>